.hero-service-card{
    right: 80PX;
    /* انتقال به سمت راست برج */
    margin-right: 0;
    margin-left: 10px;  /* فاصله از برج (۱۰px) */
  }
 

  .hero-logo img{
    width: 80.00006103515625px;
    height: 16.1419734954834px;
    opacity: 1;
    left: 24px;
  }

  .Header-Line{
    width: 145.00001560745773;
    opacity: 1;
    top: 41.99px;
    left: 10px;
    border-width: 1px;
    margin-left: 60px;
  }

  .hero-btn-start{
    width: 134px;
    height: 48px;
    opacity: 1;
    top: 264px;
    left: 24px;
    border-radius: 20px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    gap: 8px;
    /*text*/
    font-family: Avenir;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
  }

  .hero-kicker{
    font-family: Avenir;
    font-weight: 400;
    font-style: Roman;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 100%;
    letter-spacing: 0px;
  }

  .hero-title{
    font-family: Avenir;
    font-weight: 900;
    font-style: Black;
    font-size: 36px !important;
    line-height: 100%;
    letter-spacing: 0px;
  }

  .hero-subtitle{ 
    max-width: 320px;
    font-family: Avenir;
    font-weight: 400;
    font-style: Roman;
    font-size: 18px;
    line-height:  2rem !important;
    letter-spacing:0px;
  }
  .hero-services-list{
  top: var(--services-top);
  right: var(--services-right);
  gap: 7px;
}
/*------------------------------------- Start Default value-------------------------------------------------*/
.hero-service-icon:nth-child(1){ --icon-x: var(--icon1-x); }
.hero-service-icon:nth-child(2){ --icon-x: var(--icon2-x); }
.hero-service-icon:nth-child(3){ --icon-x: var(--icon3-x); }
.hero-service-icon:nth-child(4){ --icon-x: var(--icon4-x); }
.hero-service-icon:nth-child(5){ --icon-x: var(--icon5-x); }
.hero-service-icon:nth-child(6){ --icon-x: var(--icon6-x); }
.hero-service-icon:nth-child(7){ --icon-x: var(--icon7-x); }

:root{
     /* hero services positioning */
    --services-top: 250px;
    --services-right: 273px;

    /* icon horizontal offsets */
    --icon1-x: 45px;
    --icon2-x: 28px;
    --icon3-x:18px;
    --icon4-x: 5px;
    --icon5-x: -5px;
    --icon6-x: -10px;
    --icon7-x: -15px;
  }
     .hero-header{margin-bottom: 10px !important;}
  /*------------------------------------- End Default value-------------------------------------------------*/
  /*=================================End Base =========================================*/
.hero {
  background-image: url("../../img/DesktopLarge1400–1599.webp");
    background-position: top center;
    min-width: 850px;
  }
   
/*=================== START: Desktop Large | 1400–1599 ===================*/
/* Devices: Desktop بزرگ، مانیتورهای Full HD */
 /*=================== START: Desktop Large Step | 1400–1404 ===================*/
@media (min-width: 1400px) and (max-width: 1404.98px){
  :root{ --services-top:230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1400–1404 ===================*/

/*=================== START: Desktop Large Step | 1405–1409 ===================*/
@media (min-width: 1405px) and (max-width: 1409.98px){
  :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1405–1409 ===================*/

/*=================== START: Desktop Large Step | 1410–1414 ===================*/
@media (min-width: 1410px) and (max-width: 1414.98px){
  :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1410–1414 ===================*/

/*=================== START: Desktop Large Step | 1415–1419 ===================*/
@media (min-width: 1415px) and (max-width: 1419.98px){
 :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1415–1419 ===================*/

/*=================== START: Desktop Large Step | 1420–1424 ===================*/
@media (min-width: 1420px) and (max-width: 1424.98px){
   :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1420–1424 ===================*/

/*=================== START: Desktop Large Step | 1425–1429 ===================*/
@media (min-width: 1425px) and (max-width: 1429.98px){
  :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1425–1429 ===================*/

/*=================== START: Desktop Large Step | 1430–1434 ===================*/
@media (min-width: 1430px) and (max-width: 1434.98px){
   :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1430–1434 ===================*/

/*=================== START: Desktop Large Step | 1435–1439 ===================*/
@media (min-width: 1435px) and (max-width: 1439.98px){
  :root{ --services-top: 225px; --services-right: 455px; }
}
/*=================== END: Desktop Large Step | 1435–1439 ===================*/

/*=================== START: Desktop Large Step | 1440–1444 ===================*/
@media (min-width: 1440px) and (max-width: 1444.98px){
  :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1440–1444 ===================*/

/*=================== START: Desktop Large Step | 1445–1449 ===================*/
@media (min-width: 1445px) and (max-width: 1449.98px){
    :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1445–1449 ===================*/

/*=================== START: Desktop Large Step | 1450–1454 ===================*/
@media (min-width: 1450px) and (max-width: 1454.98px){
   :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1450–1454 ===================*/

/*=================== START: Desktop Large Step | 1455–1459 ===================*/
@media (min-width: 1455px) and (max-width: 1459.98px){
   :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1455–1459 ===================*/

/*=================== START: Desktop Large Step | 1460–1464 ===================*/
@media (min-width: 1460px) and (max-width: 1464.98px){
    :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1460–1464 ===================*/

/*=================== START: Desktop Large Step | 1465–1469 ===================*/
@media (min-width: 1465px) and (max-width: 1469.98px){
  :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1465–1469 ===================*/

/*=================== START: Desktop Large Step | 1470–1474 ===================*/
@media (min-width: 1470px) and (max-width: 1474.98px){
  :root{ --services-top: 225px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1470–1474 ===================*/

/*=================== START: Desktop Large Step | 1475–1479 ===================*/
@media (min-width: 1475px) and (max-width: 1479.98px){
  :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1475–1479 ===================*/

/*=================== START: Desktop Large Step | 1480–1484 ===================*/
@media (min-width: 1480px) and (max-width: 1484.98px){
  :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1480–1484 ===================*/

/*=================== START: Desktop Large Step | 1485–1489 ===================*/
@media (min-width: 1485px) and (max-width: 1489.98px){
   :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1485–1489 ===================*/

/*=================== START: Desktop Large Step | 1490–1494 ===================*/
@media (min-width: 1490px) and (max-width: 1494.98px){
  :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1490–1494 ===================*/

/*=================== START: Desktop Large Step | 1495–1499 ===================*/
@media (min-width: 1495px) and (max-width: 1499.98px){
    :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1495–1499 ===================*/

/*=================== START: Desktop Large Step | 1500–1504 ===================*/
@media (min-width: 1500px) and (max-width: 1504.98px){
      :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1500–1504 ===================*/

/*=================== START: Desktop Large Step | 1505–1509 ===================*/
@media (min-width: 1505px) and (max-width: 1509.98px){
     :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1505–1509 ===================*/

/*=================== START: Desktop Large Step | 1510–1514 ===================*/
@media (min-width: 1510px) and (max-width: 1514.98px){
   :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1510–1514 ===================*/

/*=================== START: Desktop Large Step | 1515–1519 ===================*/
@media (min-width: 1515px) and (max-width: 1519.98px){
   :root{ --services-top: 230px; --services-right: 450px; }
}
/*=================== END: Desktop Large Step | 1515–1519 ===================*/

/*=================== START: Desktop Large Step | 1520–1524 ===================*/
@media (min-width: 1520px) and (max-width: 1524.98px){
     :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1520–1524 ===================*/

/*=================== START: Desktop Large Step | 1525–1529 ===================*/
@media (min-width: 1525px) and (max-width: 1529.98px){
    :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1525–1529 ===================*/

/*=================== START: Desktop Large Step | 1530–1534 ===================*/
@media (min-width: 1530px) and (max-width: 1534.98px){
      :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1530–1534 ===================*/

/*=================== START: Desktop Large Step | 1535–1539 ===================*/
@media (min-width: 1535px) and (max-width: 1539.98px){
   :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1535–1539 ===================*/

/*=================== START: Desktop Large Step | 1540–1544 ===================*/
@media (min-width: 1540px) and (max-width: 1544.98px){
      :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1540–1544 ===================*/

/*=================== START: Desktop Large Step | 1545–1549 ===================*/
@media (min-width: 1545px) and (max-width: 1549.98px){
     :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1545–1549 ===================*/
 
/*=================== START: Desktop Large Step | 1550–1554 ===================*/
@media (min-width: 1550px) and (max-width: 1554.98px){
   :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1550–1554 ===================*/

/*=================== START: Desktop Large Step | 1555–1559 ===================*/
@media (min-width: 1555px) and (max-width: 1559.98px){
   :root{ --services-top: 240px; --services-right: 445px; }
}
/*=================== END: Desktop Large Step | 1555–1559 ===================*/

/*=================== START: Desktop Large Step | 1560–1564 ===================*/
@media (min-width: 1560px) and (max-width: 1564.98px){
   :root{ --services-top: 240px; --services-right: 435px; }
}
/*=================== END: Desktop Large Step | 1560–1564 ===================*/

/*=================== START: Desktop Large Step | 1565–1569 ===================*/
@media (min-width: 1565px) and (max-width: 1569.98px){
  :root{ --services-top: 240px; --services-right: 435px; }
}
/*=================== END: Desktop Large Step | 1565–1569 ===================*/

/*=================== START: Desktop Large Step | 1570–1574 ===================*/
@media (min-width: 1570px) and (max-width: 1574.98px){
   :root{ --services-top: 240px; --services-right: 435px; }
}
/*=================== END: Desktop Large Step | 1570–1574 ===================*/

/*=================== START: Desktop Large Step | 1575–1579 ===================*/
@media (min-width: 1575px) and (max-width: 1579.98px){
 :root{ --services-top: 240px; --services-right: 435px; }
}
/*=================== END: Desktop Large Step | 1575–1579 ===================*/

/*=================== START: Desktop Large Step | 1580–1584 ===================*/
@media (min-width: 1580px) and (max-width: 1584.98px){
   :root{ --services-top: 240px; --services-right: 435px; }
}
/*=================== END: Desktop Large Step | 1580–1584 ===================*/

/*=================== START: Desktop Large Step | 1585–1589 ===================*/
@media (min-width: 1585px) and (max-width: 1589.98px){
 :root{ --services-top: 240px; --services-right: 432px; }
}
/*=================== END: Desktop Large Step | 1585–1589 ===================*/

/*=================== START: Desktop Large Step | 1590–1594 ===================*/
@media (min-width: 1590px) and (max-width: 1594.98px){
 :root{ --services-top: 240px; --services-right: 431px; }
}
/*=================== END: Desktop Large Step | 1590–1594 ===================*/

/*=================== START: Desktop Large Step | 1595–1599 ===================*/
@media (min-width: 1595px) and (max-width: 1599.98px){
   :root{ --services-top: 240px; --services-right: 430px; }
}
/*=================== END: Desktop Large Step | 1595–1599 ===================*/